<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.prime.com.tr/ui">

    <f:view contentType="text/html">

        <h:head>
            <title><ui:insert name="head"></ui:insert></title>
            <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/themes/aristo/skin.css" />
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" />
            <style type="text/css">
                .new {
                    background: url(../images/new-ico.gif) no-repeat 1%;
                }

                .ui-widget {
                    font-size: 98% !important;
                }

                .ui-menu .ui-menu-item .ui-menu-item-label {
                    padding: .2em 1.7em;
                }

                .ui-growl {
                    top:115px;
                }

                .themeMenu {
                    overflow: auto;
                    height:300px;
                    width:200px;
                }
            </style>

        </h:head>

        <h:body>
            <div class="ui-widget ui-widget-header">
                <div id="logo">
                    <h1>¡BIENVENIDO!</h1>
                </div>
            </div>


            <div id="wrapper">

                <div id="page">
                    <div id="sidebar1" class="ui-widget-content ui-corner-all ui-helper-clearfix sidebar" style="border: 0;margin-top: 0px;">
                        <h:form id="frmMenu" prependId="false" >
                            <p:menu style="width:200px">  
                                <p:submenu label="Opciones">  
                                    <p:menuitem value="Inicio" url="/pg/home.jsf" />  
                                    <p:menuitem value="Gestion de Clientes" url="/pg/frmCliente.jsf" />
                                    <p:menuitem value="Gestion de Productos" url="/pg/frmProducto.jsf"/>
                                    <p:menuitem value="Gestion de Proveedores" url="/pg/frmProveedor.jsf" />
                                    <p:menuitem value="Realizar una Compra" url="/pg/frmCompra.jsf"/>

                                    <p:menuitem value="Realizar una Venta" url="/pg/frmVenta.jsf"/>
                                    <p:menuitem value="Realizar un Pago" url ="/pg/frmPago.jsf" />

                                </p:submenu>  
                            </p:menu>
                        </h:form>  
                    </div>

                    <div id="content" class="ui-widget">
                        <div class="post">
                            <ui:insert name="content">...</ui:insert>
                        </div>
                    </div>

                    <div style="clear: both;"> </div>
                </div>
            </div>

            <div id="footer" class="ui-widget ui-widget-header ui-corner-all">
                <p class="copyright"> desarrollado por The Powerpuff Girls  </p>
            </div>

        </h:body>

        <ui:insert name="highlight">
            <script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/shCore.js"></script>
            <script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/shBrushXml.js"></script>
            <script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/shBrushJava.js"></script>
            <script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/shBrushCss.js"></script>
            <script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/shBrushJScript.js"></script>
            <script language="javascript">
    dp.SyntaxHighlighter.ClipboardSwf = '#{request.contextPath}/syntaxhighlighter/scripts/clipboard.swf';
    dp.SyntaxHighlighter.HighlightAll('code');
            </script>
        </ui:insert>

    </f:view>
</html>
